@charset "utf-8";
/* CSS Document */

/************************************
Use for:         kdzf.99.com
Version:         1.0
Date:            2016-08-31 9:30:00
Author:          php
Employee number: 206742
Update:  
*************************************/

/*--------------reset--------------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;zoom:1.000001;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
header, footer, article, section, nav, menu, hgroup { display: block; clear: all; }
html { font-family:"hanyiyaya", "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: auto; -webkit-text-size-adjust: auto;height: 100%; }
body {margin: 0; color: #000; background-color: #968866; height: 100%;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
input::-moz-placeholder, textarea::-moz-placeholder ,
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #333;font-family:"hanyiyaya", "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #333;font-family:"hanyiyaya", "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;}
a *,a{transition:all 0.5s;-webkit-transition:all 0.5s;}
a:active { outline: 0; color: inherit;}
img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
ul, ol { list-style: none outside none; }
i{font-style:normal;}
.hide{display:none;}
.no-opacity{ opacity:0;}
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both }
.ab-center{position: absolute;top:50%;left:50%;width:100%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center; }
.ab-center-x{position: absolute;top:0;left:50%;width:100%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);text-align: center; }
.ab-center-y{position: absolute;top:50%;left:0;width:100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);text-align: center; }
@font-face {
	font-family: "hanyiyaya";
	src: url("../font/hanyiyaya.woff") format("woff"), /* chrome, firefox */
	url("../font/hanyiyaya.ttf") format("truetype");*/ /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	font-style: normal;
	font-weight: normal;
}

.page{position:relative;width:720px;height:100%;background:url(../images/bg.jpg) no-repeat top center;margin:0 auto;-webkit-background-size:100% auto;background-size:100% auto;overflow:hidden;}
.page span,
.page i,
.page a{display:block; color:#333333; font-weight:bold;}
.page div{color:#333333; font-weight:bold;}
.page>div{width:100%;height:100%;}

.p{display:none;overflow:hidden;}
.p.show{display:block;overflow:hidden;}

/*--------------tip（手机横竖屏检测）--------------*/
.tip{ background:#000; color:#fff; position:fixed; left:0; top:0;right:0; height:400%; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:start; display:box; box-pack:center; box-align:center;z-index:1000000; padding-top:20%; -webkit-box-sizing:border-box;font-family:"Microsoft YaHei";}

/*----------------loading-----------------*/
.loading .loading-img{margin:360px auto 0;width:118px;height:162px;background-repeat: no-repeat;}
.loading.show .animate-loading{-webkit-animation:loadingImg .5s ease-in-out infinite alternate;animation:loadingImg .5s ease-in-out infinite alternate;}
.loading .loading-txt{margin-top:20px;text-align:center;height:40px;line-height:40px;font-size:60px;color:#333333;}

/*------------第一屏（首页）--------------*/
/*tit*/
.p1.show{-webkit-animation:buzz .1s linear .3s 2;animation:buzz .1s linear .3s 2;}
.p1 .tit{position:relative;margin:10px auto 0;width:710px;height:525px;-webkit-transform:scale(.9);transform:scale(.9);background-repeat: no-repeat;}
.p1 .tit i{opacity:0; position:absolute;left:50%;top:22px;margin-left:-319px;width:638px;height:290px;background-repeat: no-repeat;}
.p1.show .tit i{-webkit-animation:tit-bg .3s linear forwards;animation:tit-bg .3s linear forwards;}
/*money*/
.p1 .money{position:absolute;top:500px;width:100%;height:600px;}
.p1 .money span{ opacity:0;}
.money span{position:absolute;bottom:600px;}
.p1 .money span:nth-child(1){left:-60px;width:147px;height:169px;background-repeat: no-repeat;}
.p1 .money span:nth-child(2){left:100px;width:218px;height:268px;background-repeat: no-repeat;}
.p1 .money span:nth-child(3){left:450px;width:88px;height:70px;background-repeat: no-repeat;}
.p1 .money span:nth-child(4){left:500px;width:181px;height:154px;background-repeat: no-repeat;}
.p1.show .money span:nth-child(1){-webkit-animation:fall 2.5s .3s linear infinite;animation:fall 2.5s .3s linear infinite;}
.p1.show .money span:nth-child(2){-webkit-animation:fall 2.5s .5s linear infinite;animation:fall 2.5s .5s linear infinite;}
.p1.show .money span:nth-child(3){-webkit-animation:fall 2.5s .8s linear infinite;animation:fall 2.5s .8s linear infinite;}
.p1.show .money span:nth-child(4){-webkit-animation:fall 2.5s 1.2s linear infinite;animation:fall 2.5s 1.2s linear infinite;}
/*man*/
.p1 .man{position:absolute;left:50%;bottom:20px;margin-left:-343px;width:686px;height:825px;background:url(../images/man-spr.png) no-repeat;}
.p1.show .man{-webkit-animation:man 1s steps(2)  infinite forwards;animation:man 1s steps(2) infinite forwards;}
.man span{position:absolute;}
/*try-btn*/
.try-btn{position:absolute;left:50%;bottom:25px;margin-left:-250px;width:499px;height:201px;line-height:175px;text-align:center;font-size:90px;-webkit-transform:scale(.8);transform:scale(.8);background-repeat: no-repeat;}
.p1.show .try-btn{-webkit-animation:btn .8s linear infinite;animation:btn .8s linear infinite;}


/*----------第二屏（请选择赚钱方式）----------*/
/*tit*/
.p2 .tit{position:absolute;left:0;top:27px;width:482px;height:94px;line-height:98px;text-align:center;font-size:60px;background-repeat: no-repeat;}
/*man*/
.p2 .man{top:265px;width:612px;height:718px;}
.p2 .man .head{left:220px;top:0;width:206px;height:192px;background:url(../images/man-head-2.png) no-repeat;z-index:2;}
.p2.show .man .head{-webkit-animation:headLR .5s ease-out infinite alternate;animation:headLR .5s ease-out infinite alternate;}
.p2 .man .body{left:0;top:13px;width:612px;height:708px;background:url(../images/man-body-2.png) no-repeat;}
/*method-btns*/
.method-btns{height:100%;}
.method-btns a{position:absolute;width:203px;height:151px;line-height:138px;text-align:center;font-size:50px;z-index:3;background-repeat: no-repeat;}
.p2.show .method-btns a{-webkit-animation:btn .8s linear infinite;animation:btn .8s linear infinite;}
.method-btns a:nth-child(1){left:26px;top:175px;}
.method-btns a:nth-child(2){right:9px;top:253px;}
.method-btns a:nth-child(3){left:62px;top:934px;}
.method-btns a:nth-child(4){padding-left:20px;right:37px;top:913px;width:371px;background-repeat: no-repeat;}
/*small-goods*/
.small-goods span{position:absolute;}
.small-goods span:nth-child(1){left:300px;top:220px;width:61px;height:59px;background-repeat: no-repeat;}
.small-goods span:nth-child(2){left:100px;top:437px;width:75px;height:66px;background-repeat: no-repeat;}
.small-goods span:nth-child(3){right:103px;top:460px;width:62px;height:64px;background-repeat: no-repeat;}
.small-goods span:nth-child(4){left:53px;top:734px;width:79px;height:76px;background-repeat: no-repeat;}
.small-goods span:nth-child(5){left:170px;top:600px;width:56px;height:54px;background-repeat: no-repeat;}
.small-goods span:nth-child(6){left:340px;top:800px;width:79px;height:64px;background-repeat: no-repeat;}
.small-goods span:nth-child(7){left:444px;top:661px;width:68px;height:73px;background-repeat: no-repeat;}
.small-goods span:nth-child(8){left:6px;top:329px;width:119px;height:75px;background-repeat: no-repeat;}
.small-goods span:nth-child(9){left:17px;top:868px;width:110px;height:59px;background-repeat: no-repeat;}
.small-goods span:nth-child(10){right:100px;top:760px;width:64px;height:113px;background-repeat: no-repeat;}
.small-goods span:nth-child(11){right:170px;top:720px;width:66px;height:78px;background-repeat: no-repeat;}
.small-goods span:nth-child(12){right:175px;top:460px;width:85px;height:91px;background-repeat: no-repeat;}
.small-goods span:nth-child(13){left:42px;top:561px;width:97px;height:85px;background-repeat: no-repeat;}

.p2.show .small-goods span:nth-child(1),
.p2.show .small-goods span:nth-child(2),
.p2.show .small-goods span:nth-child(3),
.p2.show .small-goods span:nth-child(4){-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;}
.p2.show .small-goods span:nth-child(5),
.p2.show .small-goods span:nth-child(6),
.p2.show .small-goods span:nth-child(7){-webkit-animation:rotateT 1.6s ease-in infinite;animation:rotateT 1.6s ease-in infinite;}
.p2.show .small-goods span:nth-child(8){-webkit-animation:floatGoodsT 1s linear infinite;animation:floatGoodsT 1s linear infinite;}
.p2.show .small-goods span:nth-child(9){-webkit-animation:floatGoods 1s linear infinite;animation:floatGoods 1s linear infinite;}
.p2.show .small-goods span:nth-child(10){-webkit-animation:floatGoodsT 1s linear infinite;animation:floatGoodsT 1s linear infinite;}
.p2.show .small-goods span:nth-child(11){-webkit-animation:floatGoods 1s linear infinite;animation:floatGoods 1s linear infinite;}
.p2.show .small-goods span:nth-child(12){-webkit-animation:floatGoodsT 1s linear infinite;animation:floatGoodsT 1s linear infinite;}
.p2.show .small-goods span:nth-child(13){-webkit-animation:floatGoods 1s linear infinite;animation:floatGoods 1s linear infinite;}

/*----------第三屏（做网红）-------------*/
.p3 .content{position:relative;height:786px;margin-top:20px;-webkit-transform:scale(.8);transform:scale(.8);}
/*love*/
.love{position:absolute;top:90px;width:100%;height:460px;}
.p3.show .love span{position:absolute;-webkit-animation:love 1.6s ease-in-out infinite;animation:love 1.6s ease-in-out infinite;}
.love span:nth-child(1){left:40px;top:40px;width:117px;height:105px;background-repeat: no-repeat;}
.love span:nth-child(2){left:53px;top:166px;width:66px;height:59px;background-repeat: no-repeat;}
.love span:nth-child(3){left:10px;bottom:17px;width:79px;height:68px;background-repeat: no-repeat;}
.love span:nth-child(4){right:115px;top:10px;width:79px;height:74px;background-repeat: no-repeat;}
.love span:nth-child(5){right:33px;top:100px;width:111px;height:109px;background-repeat: no-repeat;}
.love span:nth-child(6){right:20px;bottom:107px;width:113px;height:110px;background-repeat: no-repeat;}
/*man*/
.p3 .man{position:absolute;left:50%;bottom:0;margin-left:-341px;width:683px;height:786px;}
.p3 .man .braid-l{left:-10px;top:170px;width:200px;height:267px;-webkit-transform-origin:170px 30px;transform-origin:170px 30px;background-repeat: no-repeat;}
.p3.show .man .braid-l{-webkit-animation:braidL .8s ease-in infinite alternate;animation:braidL .8s ease-in infinite alternate;}
.p3 .man .braid-r{right:96px;top:266px;width:137px;height:203px;z-index:3;-webkit-transform-origin:30px 30px;transform-origin:30px 30px;background-repeat: no-repeat;}
.p3.show .man .braid-r{-webkit-animation:braidR .8s ease-in infinite alternate;animation:braidR .8s ease-in infinite alternate;}
.p3 .man .body{left:50%;bottom:0;margin-left:-322px;width:644px;height:786px;background:url(../images/man-3.png) no-repeat;z-index:2;}
/*describe*/
.describe{font-size:47px;}
.p3 .describe{margin:-60px auto 0;width:642px;height:197px;background:url(../images/describe-1.png) no-repeat;}
.p3 .describe i{height:65px;line-height:65px;}
.p3 .describe i:nth-child(2){text-align:left;padding-left:90px;}
.p3 .describe i:nth-child(3){text-align:right;padding-right:30px;}
/*upload-photos-btn*/
.upload-photos-btn{margin:0 auto;width:657px;height:181px;line-height:170px;text-align:center;font-size:80px;-webkit-transform:scale(.8);transform:scale(.8);background-repeat: no-repeat;}
.p3.show .upload-photos-btn{-webkit-animation:btn .8s linear infinite;animation:btn .8s linear infinite;}


/*-----------第四屏（照片）------------*/
/*residual-time*/
.p4 i,
.p6 i,
.p8 i,
.p10 i,
.result i,
.p4 span,
.p6 span,
.p8 span,
.p10 span{display:inline-block;}
.residual-time,
.earn{height:80px;line-height:80px;font-size:60px;padding-left:10px;}
.residual-time{margin-top:10px;}
.residual-time span{position:relative;width:364px;height:61px;}
.residual-time i{position:absolute;left:0;top:10px;;width:364px;height:61px;background-repeat: no-repeat;}
.residual-time i:nth-child(1){z-index:2;}
.residual-time .progress-bar{width:364px;height:61px;background-repeat: no-repeat;}
.residual-time .progress-bar.on{-webkit-animation:progressBar 15s linear 1;animation:progressBar 15s linear 1;}
/*photo*/
.photo{position:absolute;left:0;bottom:18%;;width:100%;height:780px;z-index:3;}
.photo span{position:absolute;display:none;}
.photo span.on{display:block;-webkit-animation:photoShow .3s ease-in 1;animation:photoShow .3s ease-in 1;}
.photo span:nth-child(1){z-index:1;}
.photo span:nth-child(2){z-index:2;}
.photo span:nth-child(3){z-index:3;}
.photo-1{left:0;bottom:91px;width:704px;height:689px;background:url(../images/photo-1.png) no-repeat;}
.photo-2{left:0;bottom:15px;width:598px;height:585px;background:url(../images/photo-2.png) no-repeat;}
.photo-3{left:210px;bottom:195px;width:468px;height:545px;background:url(../images/photo-3.png) no-repeat;}
/*man*/
.p4 .man{position:absolute;left:0;bottom:0;width:720px;height:662px;}
.p4 .man .braid-l{left:0;top:0;width:102px;height:365px;-webkit-transform-origin:50px bottom;transform-origin:50px bottom;background-repeat: no-repeat;}
.p4.show .man .braid-l{-webkit-animation:braidLT .8s ease-in infinite alternate;animation:braidLT .8s ease-in infinite alternate;}
.p4 .man .braid-r{right:16px;top:16px;width:87px;height:357px;-webkit-transform-origin:50px bottom;transform-origin:50px bottom;background-repeat: no-repeat;}
.p4.show .man .braid-r{-webkit-animation:braidRT .8s ease-in infinite alternate;animation:braidRT .8s ease-in infinite alternate;}
.p4 .eye-l{left:180px;bottom:80px;width:29px;height:19px;z-index:2;background-repeat: no-repeat;}
.p4 .eye-r{right:160px;bottom:90px;width:28px;height:18px;z-index:2;background-repeat: no-repeat;}
.p4.show .eye-l{-webkit-animation:eye .8s ease-in infinite alternate;animation:eye .8s ease-in infinite alternate;}
.p4.show .eye-r{-webkit-animation:eye .8s ease-in infinite alternate;animation:eye .8s ease-in infinite alternate;}
.p4 .man .head{left:0;bottom:0;width:720px;height:425px;background:url(../images/man-4.png) no-repeat;z-index:2;}
/*pop-box*/
.pop-box,
.pop-box-erweima{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9);z-index:999;}
.pop-box-erweima img{position:absolute;left:50%;top:50%;margin-left:-360px;margin-top:-332px;width:720px;height:664px;}
.pop-box .pop-con{width:600px;z-index:1000;font-size:50px;color:#ffba00;}

/*-----------第五屏（做微商）------------*/
/*man*/
.p5 .man{position:relative;width:644px;height:759px;-webkit-transform:scale(.9);transform:scale(.9);margin:0 auto;}
.p5 .man .head{left:170px;top:0;width:474px;height:583px;background:url(../images/man-head-3.png) no-repeat;z-index:2;-webkit-transform-origin:200px 300px;transform-origin:200px 300px;}
.p5.show .man .head{-webkit-animation:head 1s ease infinite alternate;animation:head 1s ease infinite alternate;}
.p5 .man .body{left:50%;bottom:0;margin-left:-319px;width:638px;height:351px;background:url(../images/man-body-3.png) no-repeat;}
/*describe*/
.p5 .describe{margin:-30px auto 0;width:677px;height:261px;background:url(../images/describe-2.png) no-repeat;}
.p5 .describe i{height:64px;line-height:64px;text-align:left;}
.p5 .describe i:nth-child(1){padding-left:6px;}
.p5 .describe i:nth-child(2){padding-left:8px;}
.p5 .describe i:nth-child(3){padding-left:60px;}
.p5 .describe i:nth-child(4){text-align:right;padding-right:35px;}
/*sell-mask-btn*/
.sell-mask-btn{margin:-20px auto 0;width:639px;height:167px;line-height:140px;padding-left:80px;font-size:80px;-webkit-transform:scale(.8);transform:scale(.8);background-repeat: no-repeat;}
.p5.show .sell-mask-btn{-webkit-animation:btn .8s linear infinite;}

/*-----------第六屏（面膜）------------*/
/*mask*/
.mask{position:absolute;right:250px;top:400px;width:192px;height:211px;z-index:3; opacity:0;-webkit-transform:rotate(-120deg);transform:rotate(-120deg);background-repeat: no-repeat;}
.p6.on .mask{-webkit-animation:mask .4s ease-in-out forwards alternate;animation:mask .4s ease-in-out forwards alternate;}
/*man*/
.p6 .man{top:160px;width:647px;height:983px;}
.p6 .man span{-webkit-transform:scale(.9); transform:scale(.9)}
.p6 .man .man-l{left:-110px;top:-50px;width:589px;height:700px;background:url(../images/man-5.png) no-repeat;z-index:2;}
.p6.on .man-l{-webkit-animation:manUp .4s ease-in forwards alternate;animation:manUp .4s ease-in forwards alternate;}
.p6 .man .man-r{right:0;bottom:0;width:323px;height:777px;background:url(../images/man-6.png) no-repeat;}
.p6.on .man-r{-webkit-animation:manDown .4s .1s ease-in forwards alternate;animation:manDown .4s .1s ease-in forwards alternate;}

/*-----------第七屏（做水军）----------------*/
/*man*/
.p7 .man{margin-top:-85px;width:696px;height:739px;background:url(../images/man-7.png) no-repeat; -webkit-transform:scale(.8);transform:scale(.8);}
.p7.show .man{-webkit-animation:swing 1.2s ease-in-out infinite alternate;animation:swing 1.2s ease-in-out infinite alternate;}
/*describe*/
.p7 .describe{margin:10px auto 0;width:520px;height:204px;background:url(../images/describe-3.png) no-repeat;}
.p7 .describe i{height:68px;line-height:68px;text-align:left;}
.p7 .describe i:nth-child(1){margin-left:-20px;}
.p7 .describe i:nth-child(2){text-align:left;padding-left:50px;}
.p7 .describe i:nth-child(3){text-align:right;padding-right:20px;}
/*hype-topic-btn*/
.hype-topic-btn{margin:20px auto 0;width:564px;height:202px;line-height:202px;text-align:center;font-size:80px;-webkit-transform:scale(.8);transform:scale(.8);background-repeat: no-repeat;}
.p7.show .hype-topic-btn{-webkit-animation:btn .8s linear infinite;animation:btn .8s linear infinite;}

/*---------------第八屏（弹幕）-----------------*/
.p8 .content{width:100%;height:100%;}
/*barrage*/
.barrage{position:absolute;top:210px;width:100%;height:900px;z-index:2;}
.barrage img{ position:absolute;}
.barrage img:nth-child(1){top:0;right:-344px;}
.barrage img:nth-child(2){top:8%;right:-275px;}
.barrage img:nth-child(3){top:20%;right:-470px;}
.barrage img:nth-child(4){top:35%;right:-138px;}
.barrage img:nth-child(5){top:45%;right:-523px;}
.barrage img:nth-child(6){top:70%;right:-684px;}
.barrage img:nth-child(7){top:85%;right:-140px;}
.barrage img.on{-webkit-animation: moveL 3s linear 1;animation: moveL 3s linear 1;}
/*man*/
.p8 .man{margin:160px auto 0;width:632px;height:742px;background:url(../images/man-8.png) no-repeat;}
.p8.on .man{background:url(../images/man-12.png) no-repeat;}


/*-----------第九屏（玩《口袋征服》）------------*/
.p9 .content{position:relative;width:100%;height:698px;}
/*logo*/
.logo{position:absolute;left:5px;bottom:15px;width:758px;height:470px;background:url(../images/logo.png) no-repeat;z-index:3;}
.p9.show .logo{-webkit-animation:tit-bg .3s linear forwards;animation:tit-bg .3s linear forwards;}
/*man*/
.p9 .man{position:absolute;right:20px;top:40px;width:420px;height:698px;background:url(../images/man-9.png) no-repeat;}
.p9.show .man{-webkit-animation:move 1s ease-in-out infinite;animation:move 1s ease-in-out infinite;}
/*star*/
.p9 .man span:nth-child(1){left:10px;top:10px;width:70px;height:65px;background-repeat: no-repeat;}
.p9 .man span:nth-child(2){left:10px;top:240px;width:56px;height:54px;-webkit-animation:rotateT 1.2s linear infinite;animation:rotateT 1.2s linear infinite;background-repeat: no-repeat;}
.p9 .man span:nth-child(3){right:40px;top:25px;width:103px;height:104px;-webkit-animation:rotateT 1.2s linear infinite;animation:rotateT 1.2s linear infinite;background-repeat: no-repeat;}
.p9 .man span:nth-child(4){right:30px;top:286px;width:93px;height:97px;-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;background-repeat: no-repeat;}
.p9.show .man span:nth-child(1){-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;}
.p9.show .man span:nth-child(2){-webkit-animation:rotateT 1.2s linear infinite;animation:rotateT 1.2s linear infinite;}
.p9.show .man span:nth-child(3){-webkit-animation:rotateT 1.2s linear infinite;animation:rotateT 1.2s linear infinite;}
.p9.show .man span:nth-child(4){-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite;}
/*describe*/
.p9 .describe{margin:10px auto 0;width:671px;height:266px;background:url(../images/describe-4.png) no-repeat;-webkit-transform:scale(.9); transform:scale(.9);}
.p9 .describe i{height:66px;line-height:66px;text-align:left;}
.p9 .describe i:nth-child(1){padding-left:26px;}
.p9 .describe i:nth-child(2){padding-left:10px;}
.p9 .describe i:nth-child(4){text-align:right;padding-right:130px;}
/*play-game-btn*/
.play-game-btn{margin:-10px auto 0;width:621px;height:158px;line-height:145px;padding-left:75px;font-size:54px;-webkit-transform:scale(.8); transform:scale(.8);background-repeat: no-repeat;}
.p9.show .play-game-btn{-webkit-animation:btn .8s linear infinite;animation:btn .8s linear infinite;}


/*-----------第十屏（点击赚金币）--------------*/
.p10 .content{width:100%;height:100%;}
/*man*/
.p10 .man{position:absolute;left:0; top:120px;width:100%;height:900px;}
.p10 .man .man-l{left:-300px;top:380px;width:714px;height:836px;background:url(../images/man-11.png) no-repeat;z-index:2;}
.p10.on .man .man-l{-webkit-animation:movemanR .3s linear 1;animation:movemanR .3s linear 1;}
.p10 .man .man-r{right:-60px;top:0;width:510px;height:933px;background:url(../images/man-10.png) no-repeat;}
.p10.on .man .man-r{-webkit-animation:movemanL .3s linear 1;animation:movemanL .3s linear 1;}
/*money*/
.p10 .money{position:absolute;left:0;top:340px;width:100%;height:700px;z-index:3;}
.p10 .money span{bottom:700px; opacity:0;}
.p10 .money span:nth-child(1){left:560px;bottom:400px;width:151px;height:124px;background-repeat: no-repeat;}
.p10 .money span:nth-child(2){left:500px;bottom:340px;width:93px;height:78px;background-repeat: no-repeat;}
.p10 .money span:nth-child(3){left:400px;bottom:480px;width:107px;height:88px;background-repeat: no-repeat;}
.p10 .money span:nth-child(4){left:260px;bottom:600px;width:151px;height:124px;background-repeat: no-repeat;}
.p10 .money span:nth-child(5){left:30px;bottom:600px;width:93px;height:78px;background-repeat: no-repeat;}
.p10 .money span:nth-child(6){left:120px;bottom:390px;width:107px;height:88px;background-repeat: no-repeat;}
.p10.on .money span:nth-child(1){-webkit-animation:fallCoinT .3s .2s linear 1;animation:fallCoinT .3s .2s linear 1;}
.p10.on .money span:nth-child(2){-webkit-animation:fallCoinT .3s .1s linear 1;animation:fallCoinT .3s .1s linear 1;}
.p10.on .money span:nth-child(3){-webkit-animation:fallCoinT .3s .1s linear 1;animation:fallCoinT .3s .1s linear 1;}
.p10.on .money span:nth-child(4){-webkit-animation:fallCoinT .3s .2s linear 1;animation:fallCoinT .3s .2s linear 1;}
.p10.on .money span:nth-child(5){-webkit-animation:fallCoinT .3s .1s linear 1;animation:fallCoinT .3s .1s linear 1;}
.p10.on .money span:nth-child(6){-webkit-animation:fallCoinT .3s .1s linear 1;animation:fallCoinT .3s .1s linear 1;}


/*------------第十一~十四屏（结果页）---------------*/
/*head-portrait*/
.head-portrait{ margin:-55px auto 0;width:691px;height:788px;-webkit-transform:scale(.9); transform:scale(.9);}
.do-wh .head-portrait{background:url(../images/do-wh.png) no-repeat;}
.do-ws .head-portrait{background:url(../images/do-ws.png) no-repeat;}
.do-sj .head-portrait{background:url(../images/do-sj.png) no-repeat;}
.do-game .head-portrait{background:url(../images/do-game.png) no-repeat;}
/*describe*/
.result .describe{margin:-30px auto 0;width:429px;height:202px; text-align:center;background:url(../images/describe-5.png) no-repeat;font-size:50px;}
.result .describe span{height:66px;line-height:66px;}
.result .describe i{color:#ff9601;}
/*know-btn*/
.know-btn{margin:10px auto 0;width:469px;height:162px;line-height:150px;text-align:center;font-size:90px;-webkit-transform:scale(.8); transform:scale(.8);background-repeat: no-repeat;}
.result.show .know-btn{-webkit-animation:btn .8s linear infinite;animation:btn .8s linear infinite;}


/*--------------第十五屏（预约）---------------*/
.gift-con,
.erweima-con{width:100%;height:1027px;}
.erweima-con{position:relative;}
/*describe*/
.gift-con .describe{width:698px;height:314px;background:url(../images/describe-6.png) no-repeat;-webkit- transform:scale(.9); transform:scale(.9);margin:25px auto 0;}
.erweima-con .describe{position:absolute;left:50%;top:60px;margin-left:-229px;width:459px;height:207px;background:url(../images/describe-7.png) no-repeat;z-index:2;}
/*want-order*/
.want-order{width:100%;height:103px;margin-top:-10px;}
.want-order div{width:475px;height:90px;line-height:90px;background:url(../images/tel-txt.png) no-repeat;margin:13px 0 0 8px;float:left;}
.want-order #tel{width:455px;height:50px;line-height:50px;background-color:transparent;border:none;font-family:"hanyiyaya", "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; font-size:35px;padding-left:10px;margin:24px 0 0 8px;float:left;}
.want-order .want-order-btn{width:226px;height:103px;line-height:90px;text-align:center;font-size:50px;float:left;background-repeat: no-repeat;}
/*gift*/
.gift{width:662px;height:640px;-webkit-transform:scale(.9); transform:scale(.9);margin:-20px auto 0;background-repeat: no-repeat;}
/*erweima*/
#erweima{position:absolute;left:0;top:0;width:720px;height:1002px;}
/*btns-ordered*/
.btns-ordered{width:100%;height:109px;margin-top:-25px;}
.btns-ordered a{width:309px;height:109px;line-height:100px;text-align:center;font-size:59px;float:left;margin-left:34px;-webkit-transform:scale(.9); transform:scale(.9);background-repeat: no-repeat;}
.ordered.show .btns-ordered a{-webkit-animation:btn .8s linear infinite;animation:btn .8s linear infinite;}
/*show-off-pop-box*/
.ordered .pop-con{position:absolute;left:50%;top:50%;margin-left:-258px;margin-top:-493px;width:516px;height:987px;background:url(../images/show-off-bg.png) no-repeat;}


/*----------------music---------------*/
#music{position:absolute;right:8px;top:15px;width:68px;height:71px;z-index:100;background-repeat: no-repeat;}
#music.on{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;}


@media screen and (max-device-height:420px){/* 兼容iphone4/4s 微信带60px的条*/
    /*p1*/
	.p1 .tit{margin-top:-10px;-webkit-transform:scale(.8); transform:scale(.8)}
	.p1 .man{top:260px;-webkit-transform:scale(.9); transform:scale(.9)}
	/*p2*/
    .method-btns a:nth-child(3){top:770px;}
	.method-btns a:nth-child(4){top:740px;}
	/*p3*/
	.p3 .content{-webkit-transform:scale(.7);transform:scale(.7);margin-top:-90px;}
	.p3 .describe{margin-top:-110px;}
    /*p4*/
	.photo{bottom:10%;}
	.photo-1,
	.photo-2,
	.photo-3{-webkit-transform:scale(.8);transform:scale(.8);}
	/*p5*/
	.p5 .man{-webkit-transform:scale(.7);transform:scale(.7);margin-top:-95px;}
	.p5 .describe{margin-top:-110px;}
	/*p7*/
	.p7 .man{-webkit-transform:scale(.7);transform:scale(.7);margin-top:-124px;}
	.p7 .describe{margin-top:-70px;}
	.hype-topic-btn{margin-top:5px;}
	/*p8*/
	.p8 .man{-webkit-transform:scale(.8); transform:scale(.8);margin-top:10px;}
	.barrage{height:700px;}
	/*p9*/
	.p9 .content{-webkit-transform:scale(.8); transform:scale(.8);margin-top:-70px;}	
	.p9 .describe{-webkit-transform:scale(.8); transform:scale(.8);margin-top:-55px;}
	.play-game-btn{margin-top:-40px;}
	/*p10*/
	.p10 .man{-webkit-transform:scale(.8); transform:scale(.8);margin-top:-80px;}
	.p10 .money{-webkit-transform:scale(.8); transform:scale(.8);top:110px;}
	/*result*/
	.head-portrait{ margin:-90px auto 0;-webkit-transform:scale(.8); transform:scale(.8);}
	.result .describe{margin-top:-80px;}
	.result.show .know-btn{-webkit-transform:scale(.6); transform:scale(.6);margin-top:-20px;-webkit-animation:btnT .8s linear infinite;animation:btnT .8s linear infinite;}
	/*ordered*/
	.gift-con .describe{-webkit-transform:scale(.8); transform:scale(.8);margin-top:-10px;}
	.want-order{-webkit-transform:scale(.9); transform:scale(.9);margin-top:-30px;}
	#erweima{-webkit-transform:scale(.8); transform:scale(.8);top:-50px;}
	.gift{-webkit- transform:scale(.7); transform:scale(.7);margin-top:-90px;}
	.btns-ordered{margin-top:-190px;}
	.btns-ordered a{-webkit- transform:scale(.8); transform:scale(.8);}
	.ordered .pop-con{-webkit-transform:scale(.8);transform:scale(.8);}
}

/*-----------雪碧图-------------*/
.loading .loading-img{background-position:-592px 0px}
.p1 .tit{background-position:0px -182px}
.p1 .tit i{background-position:-72px -727px}
.p1 .money span:nth-child(1){background-position:-563px -1037px}
.p1 .money span:nth-child(2){background-position:-492px -1226px}
.p1 .money span:nth-child(3){background-position:-622px -1514px}
.p1 .money span:nth-child(4){background-position:-529px -1604px}
.try-btn{background-position:-211px -1778px}
.p2 .tit{background-position:-228px -1999px}
.method-btns a{background-position:-507px -2113px}
.method-btns a:nth-child(4){background-position:-339px -2284px}
.small-goods span:nth-child(1){background-position:-649px -2455px}
.small-goods span:nth-child(2){background-position:-635px -2534px}
.small-goods span:nth-child(3){background-position:-648px -2620px}
.small-goods span:nth-child(4){background-position:-631px -2704px}
.small-goods span:nth-child(5){background-position:-654px -2800px}
.small-goods span:nth-child(6){background-position:-631px -2874px}
.small-goods span:nth-child(7){background-position:-642px -2958px}
.small-goods span:nth-child(8){background-position:-591px -3051px}
.small-goods span:nth-child(9){background-position:-600px -3146px}
.small-goods span:nth-child(10){background-position:-646px -3225px}
.small-goods span:nth-child(11){background-position:-644px -3358px}
.small-goods span:nth-child(12){background-position:-625px -3456px}
.small-goods span:nth-child(13){background-position:-613px -3567px}
.love span:nth-child(1){background-position:-593px -3672px}
.love span:nth-child(2){background-position:-644px -3797px}
.love span:nth-child(3){background-position:-631px -3876px}
.love span:nth-child(4){background-position:-631px -3964px}
.love span:nth-child(5){background-position:-599px -4058px}
.love span:nth-child(6){background-position:-597px -4187px}
.p3 .man .braid-l{background-position:-510px -4317px}
.p3 .man .braid-r{background-position:-573px -4604px}
.upload-photos-btn{background-position:-53px -4827px}
.residual-time i{background-position:-346px -5028px}
.residual-time .progress-bar{background-position:-346px -5109px}
.p4 .man .braid-l{background-position:-608px -5190px}
.p4 .man .braid-r{background-position:-624px -5575px}
.p4 .eye-l{background-position:-681px -5952px}
.p4 .eye-r{background-position:-682px -5991px}
.sell-mask-btn{background-position:-71px -6029px}
.mask{background-position:-515px -6216px}
.hype-topic-btn{background-position:-146px -6447px}
.p9 .man span:nth-child(1){background-position:-640px -6669px}
.p9 .man span:nth-child(2){background-position:-654px -6754px}
.p9 .man span:nth-child(3){background-position:-607px -6828px}
.p9 .man span:nth-child(4){background-position:-617px -6952px}
.play-game-btn{background-position:-89px -7069px}
.p10 .money span:nth-child(1){background-position:-559px -7247px}
.p10 .money span:nth-child(4){background-position:-559px -7247px}
.p10 .money span:nth-child(2){background-position:-617px -7391px}
.p10 .money span:nth-child(5){background-position:-617px -7391px}
.p10 .money span:nth-child(3){background-position:-603px -7489px}
.p10 .money span:nth-child(6){background-position:-603px -7489px}
.know-btn{background-position:-241px -7597px}
.want-order .want-order-btn{background-position:-484px -7779px}
.gift{background-position:-48px -7902px}
.btns-ordered a{background-position:-401px -8562px}
#music{background-position:-642px -8691px}
.loading .loading-img,.p1 .tit,.p1 .tit i,.p1 .money span:nth-child(1),.p1 .money span:nth-child(2),.p1 .money span:nth-child(3),.p1 .money span:nth-child(4),.try-btn,.p2 .tit,.method-btns a,.method-btns a:nth-child(4),.small-goods span:nth-child(1),.small-goods span:nth-child(2),.small-goods span:nth-child(3),.small-goods span:nth-child(4),.small-goods span:nth-child(5),.small-goods span:nth-child(6),.small-goods span:nth-child(7),.small-goods span:nth-child(8),.small-goods span:nth-child(9),.small-goods span:nth-child(10),.small-goods span:nth-child(11),.small-goods span:nth-child(12),.small-goods span:nth-child(13),.love span:nth-child(1),.love span:nth-child(2),.love span:nth-child(3),.love span:nth-child(4),.love span:nth-child(5),.love span:nth-child(6){background-image: url(../images/style_z.png);background-size:710px 8762px;}
.p3 .man .braid-l,.p3 .man .braid-r,.upload-photos-btn,.residual-time i,.residual-time .progress-bar,.p4 .man .braid-l,.p4 .man .braid-r,.p4 .eye-l,.p4 .eye-r,.sell-mask-btn,.mask,.hype-topic-btn,.p9 .man span:nth-child(1),.p9 .man span:nth-child(2),.p9 .man span:nth-child(3),.p9 .man span:nth-child(4),.play-game-btn,.p10 .money span:nth-child(1),.p10 .money span:nth-child(4),.p10 .money span:nth-child(2),.p10 .money span:nth-child(5),.p10 .money span:nth-child(3),.p10 .money span:nth-child(6),.know-btn,.want-order .want-order-btn,.gift,.btns-ordered a,#music{background-image: url(../images/style_z.png);background-size:710px 8762px;}